// components/Tabs/Tabs.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },

    /**
     * 组件的初始数据
     */
    data: {
        "tabs": [{
                id: 0,
                name: "首页",
                isActive: true
            },
            {
                id: 1,
                name: "原创",
                isActive: false
            },
            {
                id: 2,
                name: "分类",
                isActive: false
            },
            {
                id: 3,
                name: "关于",
                isActive: false
            },
        ]
    },

    /**
     * 组件的方法列表
     */
    methods: {
        hanldeItemTap(c) {
            //    1.点击绑定时间？
            //  2. 获取被点击的索引
            //   3. 获取元素数
            // 4.对数组循环
            // (1)给每一个循环添加一个选中属性改为false
            //  （2）了给当前索引项添加选中激活就可以

            console.log(c)
            // 获取下标
            const {
                index
            } = c.currentTarget.dataset


            // 获取数组。
            let {
             
                tabs
            } = this.data
              
            tabs.forEach((v, i) => i == index ? v.isActive = true : v.isActive = false);

            this.setData({
                tabs
            })


        }
    }
})